<template>
  <div class="layout">
    <van-row>
      <van-col span="12">
        <router-link to="/a">aaaaaa
        </router-link>
      </van-col>
      <van-col span="12">
        <router-link to="/b">bbbbb</router-link>
      </van-col>
    </van-row>
    <div class="main">
      <!-- 路由匹配到的组件将渲染在这里 -->
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import { Row, Col, Button  } from 'vant'
export default {
  name: "layout",
  components: {
    [Row.name]:Row,
    [Col.name]:Col,
    [Button .name]:Button 
  }
};
</script>

<style  lang="scss" scoped="" type="text/css">
.van-col{
  a{
    display: inline-block;
    width: 100%;
    height: 50px;
    text-align: center;
  }
}
</style>
